@import './vw';
@import './comment.scss';

* {
  box-sizing: border-box;
}

section {
  padding: vw(90) 0 vw(96) 0;
  position: relative;
  z-index: 0;


  .two{
    padding: vw(20) vw(28) 0;
    height: vw(363);
    width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    .two-left{
      height: vw(343);
      width: vw(283);
      background-color: #f6f6f6;

      .pic{
        margin-bottom: vw(15);
        width: vw(283);
        height: vw(182);

        img{
          width: 100%;
        }
      }

      p{
        padding-left: vw(3);
        margin-bottom: vw(15);
        font-size: vw(21);
        color: #010101;
      }

      .three{
        display: flex;
        align-items: center;

        button{
          margin: 0 vw(33) vw(14) vw(7);
          height: vw(27);
          width: vw(88);
          background-color: #b20000;
          border-radius: vw(8);
          font-size: vw(18);
          color: #fff;
          line-height: vw(27);
          text-align: center;
          border: none;
          outline: none;
          letter-spacing: vw(2);
        }

        p{
          line-height: vw(27);
          text-align: center;
          color: #c5c5c5;
          font-size: vw(20);

          img{
            width: vw(21);
            height: vw(19);
          }

          &:nth-of-type(2){
            margin-left: vw(16);

            >img{
              width: vw(24);
              height: vw(16);
            }
          }

        }
      }

      .four{
        display: flex;

        .girl{
          margin-left: vw(7);
          margin-right: vw(9);
          height: vw(35);
          width: vw(35);

          img{
            width: 100%;
          }
        }

        span{
          margin-right: vw(10);
          font-size: vw(18);
          color: #c5c5c5;
          letter-spacing: 1px;
          line-height: vw(35);
          text-align: center;
        }
      }
    }
  }

  .last {
    margin: vw(31) auto vw(10);
    height: vw(60);
    width: 87%;
    color: #bbbbbb;
    font-size: vw(22);
    border-top: 1px solid #e6e6e6;
    // visibility: hidden;
    // 设置元素的可见性，hiddle代表元素不可见。虽然元素不可见但是在文档中的位置还占据

    p {
      letter-spacing: vw(2);
      line-height: vw(60);
      text-align: center;
    }
  }
}